::-webkit-scrollbar {display:none}
.workAdd_list {
    position: absolute;
    top: 44px;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
    ul {
        padding-left: 10px;
        background: #fff;
        position: relative;
        .keywordColor {
            color: #54a3ff;
        }
        li {
            width: 100%;
            height: 45px;
            position: relative;
            &.projectName,&.projectNumber {
                position: relative;
                .projectName_img,.projectId_img{
                    position: absolute;
                    right: 10px;
                    top: 45px;
                    border-radius: 4px;
                    box-shadow: 0 1px 4px 0px rgb(221, 221, 221);
                    width: 70%;
                    max-height: 248px;
                    z-index: 10;
                    padding-right: 2.6%;
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                    // display: none;
                    li {
                        height: 44px;
                        line-height: 44px;
                        font-size: 15px;
                        color: #4a4a4a;
                        padding-left: 1.8%;
                        span.col_Color {
                            color: red;
                        }
                        &:last-child {
                            border-bottom: none;
                        }
                    }
                }
            }
            .icon_search {
                width: 15px;
                height: 16px;
                background: url(../../assets/images/icon_search.png) no-repeat;
                position: absolute;
                right: 10px;
                background-size: 100%;
                top: 15px;
            }
            label {
                font-size: 14px;
                color: #4a4a4a;
                line-height: 45px;
                font-weight: lighter;
                margin-right: 10px;
            }
            form {
                width: 70%;
                height: 45px;
                float: right;
            }
            input {
                width: 67%;
                height: 45px;
                // padding-left: 10px;
            }
            p {
                font-size: 0;
                margin-right: 8px;
                width: 70%;
                input {
                    background: #d8d8d8;
                    border-radius: 6px;
                    width: 28%;
                    height: 32px;
                    line-height: 31px;
                    color: #fff;
                    font-size: 15px;
                    margin-right: 10px;
                    margin-top: 6px;
                    text-align: center;
                    padding: 0;
                    &.active {
                        background: #54a3ff;
                    }
                }
            }
            &.workContent {
                height: 84px;
                position: relative;
                padding: 10px 0 10px 86px;
                label {
                    position: absolute;
                    left: 0px;
                }
                textarea {
                    height: 100%;
                    width: 96%;
                    color: #4a4a4a;
                    // margin-left: -6px;
                }
            }
            &.employeeDate {
                position: relative;
                .icon_date {
                    background: url('../../assets/images/icon_date.png') no-repeat;
                    width: 15px;
                    height: 13px;
                    position: absolute;
                    right: 10px;
                    background-size: 100%;
                    top: 15px;
                }
            }
            #projectNameSearch,#projectIdSearch{
              max-height: 225px;
              overflow: auto;  
            }
            &.proType {
                label{
                    // width: 56px;
                    // text-align: right;
                    .paddingLeft{
                        padding-right: 14px;
                    }
                    .paddingRight{
                        padding-left: 14px;
                    }
                }
                span{
                    display: inline-block;
                    line-height: 45px;
                }
            }
            &.projectName,&.projectNumber {
                label{
                    // width: 56px;
                    // text-align: right;
                    .paddingLeft{
                        padding-right: 14px;
                    }
                    .paddingRight{
                        padding-left: 14px;
                    }
                }
            }
        }
    }
    p.btn_group {
        font-size: 0;
        width: 220px;
        margin: 30px auto 30px;
        .resetBtn,
        .sureBtn {
            border-radius: 6px;
            width: 100px;
            height: 40px;
            font-size: 16px;
            color: #ffffff;
            font-weight: lighter;
        }
        .resetBtn {
            background: #ffc101;
            margin-right: 20px;
        }
        .sureBtn {
            background: #54a3ff;
        }
    }
}